<html>
<h2>Thêm Quản trị</h2>
<p id="page-intro">Thêm quản trị mới</p>
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3>Thông tin Quản trị</h3>
    </div>
    <div class="content-box-content">
        <form action="index.html#list_user" id="userForm" method="post" onsubmit="return validForm(this,'');">
            <div class="single-column">
                <dl>
                    <dt>Tên Đăng nhập</dt>
                    <dd><input class="text-input small-input" type="text" name="txtUserName" maxlength="12" /></dd>
                </dl>
                <dl>
                    <dt>Mật khẩu</dt>
                    <dd><input class="text-input small-input" type="password" name="txtPassword" /></dd>
                </dl>
                <dl>
                    <dt>Nhập lại Mật khẩu</dt>
                    <dd><input class="text-input small-input" type="password" name="txtPasswordConfirm" /></dd>
                </dl>
                <dl>
                    <dt>Họ và Tên</dt>
                    <dd><input class="text-input small-input" type="text" name="txtFullName" maxlength="50" /></dd>
                </dl>
                <dl>
                    <dt>Email</dt>
                    <dd><input class="text-input small-input" type="text" name="txtEmail" /></dd>
                </dl>
                <dl>
                    <dt>Câu hỏi Bí mật</dt>
                    <dd>
                        <select name="securityQuestion">
                            <option value="Con vật bạn yêu thích ?" checked="checked">Con vật bạn yêu thích ?</option>
                            <option value="Con vật bạn yêu thích ?">Con vật bạn yêu thích ?</option>
                            <option value="Người yêu bạn tên là gì ?">Người yêu bạn tên là gì ?</option>
                            <option value="Ngôi trường đầu tiên bạn học ?">Ngôi trường đầu tiên bạn học ?</option>
                            <option value="Người bạn yêu quí nhất là ai ?">Người bạn yêu quí nhất là ai ?</option>
                            <option value="Biển số xe của bạn ?">Biển số xe của bạn ?</option>
                        </select>
                    </dd>
                </dl>
                <dl>
                    <dt>Câu Trả lời</dt>
                    <dd><input class="text-input small-input" type="text" name="txtSecurityAnswer" /></dd>
                </dl>
                <dl>
                    <dt>Quyền hạn</dt>
                    <dd>
                        <input type="checkbox" name="permission" value="1" />Quản lý Sản phẩm&#32;
                        <input type="checkbox" name="permission" value="2" />Quản lý Người dùng<br />
                        <input type="checkbox" name="permission" value="4" />Quản lý Tin tức&#32;
                        <input type="checkbox" name="permission" value="8" />Quản lý Phản hồi<br />
                    </dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <input class="btn" type="submit" value="Thêm" />&#32;
                        <input class="btn" type="reset" value="Huỷ" />
                    </dd>
                </dl>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        //Tạo event blur cho các textfield và textarea
        $('#userForm *').each(function(){
            if(this.type=='text' || this.type=='textarea' || this.type=='password'){
                $(this).blur(function(){
                    validForm(this.form,this.name);
                });
            }
        });
        $('input[type="reset"]').click(function(){
            $('.content-box-content').find('span.input-notification').each(function(){
                $(this).remove();
            });
            $('.content-box-content *').each(function(){
                $(this).removeClass('error');
            })
        });
    });
</script>
</html>